<div class="well" xmlns:th="http://www.thymeleaf.org">
	
	<h4>New Facebook</h4>

	<form class="form-search" action="#" th:action="@{/network/savefacebook}"
		name="savefacebookform" id="savefacebookform"
		th:object="${socialNetwork}" method="post">


		<div class="form-actions">
			<button type="submit" class="btn btn-primary">Save</button>
			<button type="button" class="btn">Cancel</button>
		</div>


		<div class="alert alert-error alert-block"
			th:if="${!#strings.isEmpty(error)}">
			<h4 class="alert-heading">Error!</h4>
			An unexpected error occurs, please contact the support team
		</div>


		<fieldset>
			<table style="width: 100%" >

				<tr>
					<td class="inputLabel"><label for="name">Name</label></td>
					<td colspan="3"><input type="text" placeholder="Name" th:field="*{name}" class="span5"/></td>
					
					
				</tr>
				
				
				
								
				<tr>
					<td class="inputLabel"><label for="accessToken">Access Token</label></td>
					<td><input type="text" placeholder="Access Token" th:field="*{accessToken}" class="span5"/></td>
					
					
					
				</tr>
				
				
				<tr>

					<td class="inputLabel"><label for="sharedSecret">API Key</label></td>
					<td colspan="3"><input type="text" th:field="*{sharedSecret}" disabled="true" class="span5"></input> 
					</td>
				</tr>


			</table>
		</fieldset>


		<div class="form-actions">
			<button type="submit" class="btn btn-primary">Save</button>
			<button type="button" class="btn">Cancel</button>
		</div>

	</form>
</div>

